<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <%@include file="common/head.jspf" %>
        <link href="css/style.css" rel="stylesheet">
        <link href="css/shopinfo.css" rel="stylesheet">
        <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
        <script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>

    </head>
    <body class="pg-floor-new-v2">
        <header class="site-mast" >
            <div class="site-mast__user-nav-w">
                <div class="site-mast__user-nav cf">
                    <ul class="basic-info">
                        <li class="site-mast__keep">
                            <a rel="nofollow" class="fav" href="javascript:void(0)" onclick="shoucang(document.title, 'http://www.cn7080.com' );">
                                <i class="fa fa-star-o cursor"></i> 收藏
                            </a>
                            <script language="javascript">
                                $(".fa-star-o").mouseover(function () {
                                    $(this).removeClass("fa-star-o");
                                    $(this).addClass("fa-star");
                                    $(this).css("color", "#f76120");
                                });
                                $(".fa-star-o").mouseleave(function () {

                                    $(this).removeClass("fa-star");
                                    $(this).addClass("fa-star-o");
                                    $(this).css("color", "#333333");
                                });
                                 function shoucang(sTitle, sURL)
                                {
                                    alert(sTitle);
                                    try
                                    {
                                        window.external.addFavorite(sURL, sTitle);
                                    }
                                    catch (e)
                                    {
                                        try
                                        {
                                            window.sidebar.addPanel(sTitle, sURL, "");
                                        }
                                        catch (e)
                                        {
                                            alert("加入收藏失败，请使用Ctrl+D进行添加");
                                        }
                                    }
                                }
                            </script>
                            
                        </li>
                        <c:choose>
                            <c:when test="${UserBeanSession.user == null}">
                                <li class="user-info cf">
                                    <a class="user-info__login" href="/login.do">登录</a>
                                    <a class="user-info__signup" href="/register/page.do">注册</a>
                                </li>
                            </c:when>
                            <c:otherwise>
                                <li class="user-info cf">
                                    <a class="user-info__login" href="">${UserBeanSession.user.mobile}</a>
                                    <a class="user-info__signup" href="">退出</a>
                                </li>
                            </c:otherwise>
                        </c:choose>
                    </ul>
                    <ul class="site-mast__user-w">
                        <li class="user-orders">
                            <a href="/info.do">
                                <span>我的订单</span>
                            </a>
                        </li>

                        <li class="dropdown dropdown--history">
                            <a class="dropdown__toggle" href="javascript:;">
                                <span>最近浏览</span>
                                <i class="tri tri--dropdown"></i>
                                <i class="vertical-bar"></i>
                            </a>

                            <div class="dropdown-menu dropdown-menu--deal dropdown-menu--history">
                                <ul data-mttcode="Arecent">
                                    <li class="dropdown-menu__item">
                                        <a class="deal-link" href="http://bj.meituan.com/deal/30825585.html" title="优优尚品代金券1张" target="_blank" rel="nofollow" gaevent="nav/browsingHistory/0">
                                            <img class="deal-cover" src="http://p1.meituan.net/80.50/deal/7f358838210f78b8da69080e20e668ea121186.jpg" height="50" width="80"></a>
                                        <h5 class="deal-title">
                                            <a class="deal-link" href="http://bj.meituan.com/deal/30825585.html" title="优优尚品代金券1张" target="_blank" rel="nofollow" gaevent="nav/browsingHistory/0">优优尚品代金券1张</a>
                                        </h5>
                                        <a class="deal-price-w" target="_blank" href="http://bj.meituan.com/deal/30825585.html" gaevent="nav/browsingHistory/0"><em class="deal-price">¥100</em><span class="old-price color-weaken">100</span></a>
                                    </li>
                                    <li class="dropdown-menu__item">
                                        <a class="deal-link" href="http://bj.meituan.com/deal/25116878.html" title="鑫隆四季涮肉2-3人餐" target="_blank" rel="nofollow" gaevent="nav/browsingHistory/1">
                                            <img class="deal-cover" src="http://p1.meituan.net/80.50/deal/__48408157__3099858.jpg" height="50" width="80"></a>
                                        <h5 class="deal-title">
                                            <a class="deal-link" href="http://bj.meituan.com/deal/25116878.html" title="鑫隆四季涮肉2-3人餐" target="_blank" rel="nofollow" gaevent="nav/browsingHistory/1">鑫隆四季涮肉2-3人餐</a>
                                        </h5>
                                        <a class="deal-price-w" target="_blank" href="http://bj.meituan.com/deal/25116878.html" gaevent="nav/browsingHistory/1">
                                            <em class="deal-price">¥98</em><span class="old-price color-weaken">171</span>
                                        </a>
                                    </li>

                                </ul>
                            </div>
                            <script language="javascript">
                                $(".dropdown__toggle").mouseover(function () {
                                    $(".site-mast .dropdown-menu").show();
                                });
                                $(".dropdown__toggle").mouseleave(function () {
                                    $(".site-mast .dropdown-menu").hide();
                                });
                                $(".dropdown-menu").mouseover(function () {
                                    $(".site-mast .dropdown-menu").show();
                                });
                                $(".dropdown-menu").mouseleave(function () {
                                    $(".site-mast .dropdown-menu").hide();
                                });
                            </script>
                        </li>
                        <li class="dropdown dropdown--cart">
                            <a class="dropdown__toggle" href="">
                                <i class="icon icon-cart F-glob F-glob-cart"></i>
                                <span>购物车<em class="badge" data-newIndex="true">
                                        <c:choose>
                                            <c:when test="${UserBeanSession.user == null}">
                                                <strong class="cart-count">0</strong>件</em></span>
                                            </c:when>
                                            <c:otherwise>
                                        <strong class="cart-count">${UserBeanSession.user.cartNum}</strong>件</em></span>
                                    </c:otherwise>
                                </c:choose>

                                <i class="vertical-bar"></i>
                            </a>
                        </li>
                        <li class="dropdown dropdown--help">
                            <a class="dropdown__toggle" href="">
                                <span>联系客服</span>
                                <i class="tri tri--dropdown"></i>
                                <i class="vertical-bar"></i>
                            </a>

                        </li>
                        <li class="dropdown dropdown--merchant">
                            <a class="dropdown__toggle dropdown__toggle--merchant" href="/Manage/login.do">
                                <span>我是商家</span>
                                <i class="tri tri--dropdown"></i>
                            </a>

                        </li>

                    </ul>
                </div>
            </div>
        </header>

        <div style="background:url(img/shop_banner2.png);height:160px;width:1000px;margin: 0 auto;"></div>
        <div class="shop_navigation">

            <div class="shop_navigation_title">
                <span>天下首页</span>
                <span style="padding-left:15px;">本店商品</span>
            </div>

        </div>
        <div class="content">
            <div class="info_top">
                <div class="infoleft">
                    <div id="demo1" class="picBtnTop">
                        <div class="hd">
                            <ul>
                                <li><img src="img/pic1.jpg" /></li>
                                <li><img src="img/pic2.jpg" /></li>
                                <li><img src="img/pic3.jpg" /></li>
                                <li><img src="img/pic2.jpg" /></li>
                                <li><img src="img/pic3.jpg" /></li>
                            </ul>
                        </div>
                        <div class="bd">
                            <ul>
                                <li>
                                    <div class="bg"></div>
                                    <div class="pic"><a href=""><img src="img/pic1.jpg" /></a></div>
                                    <div class="title"><a href="">效果图1</a></div>
                                </li>
                                <li>
                                    <div class="bg"></div>
                                    <div class="pic"><a href=""><img src="img/pic2.jpg" /></a></div>
                                    <div class="title"><a href="">效果图2</a></div>
                                </li>
                                <li>
                                    <div class="bg"></div>
                                    <div class="pic"><a href=""><img src="img/pic3.jpg" /></a></div>
                                    <div class="title"><a href="">效果图3</a></div>
                                </li>
                                <li>
                                    <div class="bg"></div>
                                    <div class="pic"><a href=""><img src="img/pic2.jpg" /></a></div>
                                    <div class="title"><a href="">效果图4</a></div>
                                </li>
                                <li>
                                    <div class="bg"></div>
                                    <div class="pic"><a href=""><img src="img/pic3.jpg" /></a></div>
                                    <div class="title"><a href="">效果图5</a></div>
                                </li>
                            </ul>
                        </div>


                    </div>
                    <script type="text/javascript">
                        jQuery("#demo1").slide({mainCell: ".bd ul", effect: "left", autoPlay: true, triggerTime: 500});</script>
                </div>

                <div class="inforight">
                    <h1>【慕田峪长城】猎人国际CS</h1>
                    <p>仅限150元!价值260元的真人cs彩蛋发1次</p>
                    <p>仅限150元!价值260元的真人cs彩蛋发1次</p>
                    <p>仅限150元!价值260元的真人cs彩蛋发1次</p>
                    <p>仅限150元!价值260元的真人cs彩蛋发1次</p>
                    <p>仅限150元!价值260元的真人cs彩蛋发1次</p>
                    <div>
                        <img src="img/03-shop.png">
                        <span style="position:relative;top:-50px;left:150px;font-size:16px;">明天周末休息</span>
                    </div>
                </div>
            </div>
            <div class="first_banner">

            </div>
            <div class="special_recommendation">
                <div class="spec_recom_info">
                    <img src="img/pic1.jpg" class="rec_com_hot">
                    <img src="img/hot_label.png" class="rec_com_hotlabel" >
                    <img src="img/flow_price.png" class="rec_com_flow_price">
                    <div class="rec_flow_price_label">￥<label>7800</label><label >万</label></div>
                    <div class="spec_recom_info_title">
                        <h1 class="spec_h1">舞马</h1>
                    </div>
                    <div class="spec_recom_info_decri">
                        <p class="spec_recom_info_decri_p">仅限150元!价值260元的真人cs彩蛋发1次价值260元的真人cs彩蛋发1次</p>
                        <p>门店价<del class="spec_recom_info_decri_del">￥92</del></p>
                    </div>
                </div>
                <div class="spec_recom_info">
                    <img src="img/pic2.jpg" class="rec_com_hot">
                    <img src="img/hot_label.png" class="rec_com_hotlabel" >
                    <img src="img/flow_price.png" class="rec_com_flow_price">
                    <div class="rec_flow_price_label">￥<label>7800</label><label >万</label></div>
                    <div class="spec_recom_info_title">
                        <h1 class="spec_h1">舞马</h1>
                    </div>
                    <div class="spec_recom_info_decri">
                        <p class="spec_recom_info_decri_p">仅限150元!价值260元的真人cs彩蛋发1次价值260元的真人cs彩蛋发1次</p>
                        <p>门店价<del class="spec_recom_info_decri_del">￥92</del></p>
                    </div>
                </div>
                <div class="spec_recom_info">
                    <img src="img/pic3.jpg" class="rec_com_hot">
                    <img src="img/hot_label.png" class="rec_com_hotlabel" >
                    <img src="img/flow_price.png" class="rec_com_flow_price">
                    <div class="rec_flow_price_label">￥<label>7800</label><label >万</label></div>
                    <div class="spec_recom_info_title">
                        <h1 class="spec_h1">舞马</h1>
                    </div>
                    <div class="spec_recom_info_decri">
                        <p class="spec_recom_info_decri_p">仅限150元!价值260元的真人cs彩蛋发1次价值260元的真人cs彩蛋发1次</p>
                        <p>门店价<del class="spec_recom_info_decri_del">￥92</del></p>
                    </div>
                </div>
                <div class="spec_recom_info">
                    <img src="img/pic2.jpg" class="rec_com_hot">
                    <img src="img/hot_label.png" class="rec_com_hotlabel" >
                    <img src="img/flow_price.png" class="rec_com_flow_price">
                    <div class="rec_flow_price_label">￥<label>7800</label><label >万</label></div>
                    <div class="spec_recom_info_title">
                        <h1 class="spec_h1">舞马</h1>
                    </div>
                    <div class="spec_recom_info_decri">
                        <p class="spec_recom_info_decri_p">仅限150元!价值260元的真人cs彩蛋发1次价值260元的真人cs彩蛋发1次</p>
                        <p>门店价<del class="spec_recom_info_decri_del">￥92</del></p>
                    </div>
                </div>
            </div>

            <div class="info_under">
                <div class="shop_commodity_title">
                    <div class="shop_position_title">
                        <span class="shop_position_title_inline">本店商品</span>
                    </div>
                </div>

                <div class="shop_commo_list">
                    <div class="shop_commo_list_info">
                        <img src="img/pic2.jpg">
                        <h2 style="padding-left:10px;line-height:12px;">舞马</h2>
                        <div style="text-overflow:ellipsis; white-space:nowrap; overflow:hidden;font-size:16px;padding:5px 10px;">仅限150元!价值260元的真人cs彩蛋发1次</div>
                        <div style="color:red;float:left;padding:5px 10px;"><label>￥ 78</label></div>
                        <div style="color:#b5b5b5;float:left;padding:5px 10px;">门店价<del>￥92</del></div>
                    </div>
                    <div class="shop_commo_list_info">
                        <img src="img/pic2.jpg">
                        <h2 style="padding-left:10px;line-height:12px;">舞马</h2>
                        <div style="text-overflow:ellipsis; white-space:nowrap; overflow:hidden;font-size:16px;padding:5px 10px;">仅限150元!价值260元的真人cs彩蛋发1次</div>
                        <div style="color:red;float:left;padding:5px 10px;"><label>￥ 78</label></div>
                        <div style="color:#b5b5b5;float:left;padding:5px 10px;">门店价<del>￥92</del></div>
                    </div>
                    <div class="shop_commo_list_info">
                        <img src="img/pic2.jpg">
                        <h2 style="padding-left:10px;line-height:12px;">舞马</h2>
                        <div style="text-overflow:ellipsis; white-space:nowrap; overflow:hidden;font-size:16px;padding:5px 10px;">仅限150元!价值260元的真人cs彩蛋发1次</div>
                        <div style="color:red;float:left;padding:5px 10px;"><label>￥ 78</label></div>
                        <div style="color:#b5b5b5;float:left;padding:5px 10px;">门店价<del>￥92</del></div>
                    </div>
                    <div class="shop_commo_list_info">
                        <img src="img/pic2.jpg">
                        <h2 style="padding-left:10px;line-height:12px;">舞马</h2>
                        <div style="text-overflow:ellipsis; white-space:nowrap; overflow:hidden;font-size:16px;padding:5px 10px;">仅限150元!价值260元的真人cs彩蛋发1次</div>
                        <div style="color:red;float:left;padding:5px 10px;"><label>￥ 78</label></div>
                        <div style="color:#b5b5b5;float:left;padding:5px 10px;">门店价<del>￥92</del></div>
                    </div>
                    <div class="shop_commo_list_info">
                        <img src="img/pic2.jpg">
                        <h2 style="padding-left:10px;line-height:12px;">舞马</h2>
                        <div style="text-overflow:ellipsis; white-space:nowrap; overflow:hidden;font-size:16px;padding:5px 10px;">仅限150元!价值260元的真人cs彩蛋发1次</div>
                        <div style="color:red;float:left;padding:5px 10px;"><label>￥ 78</label></div>
                        <div style="color:#b5b5b5;float:left;padding:5px 10px;">门店价<del>￥92</del></div>
                    </div>
                    <div class="shop_commo_list_info">
                        <img src="img/pic2.jpg">
                        <h2 style="padding-left:10px;line-height:12px;">舞马</h2>
                        <div style="text-overflow:ellipsis; white-space:nowrap; overflow:hidden;font-size:16px;padding:5px 10px;">仅限150元!价值260元的真人cs彩蛋发1次</div>
                        <div style="color:red;float:left;padding:5px 10px;"><label>￥ 78</label></div>
                        <div style="color:#b5b5b5;float:left;padding:5px 10px;">门店价<del>￥92</del></div>
                    </div>
                    <div class="shop_commo_list_info">
                        <img src="img/pic2.jpg">
                        <h2 style="padding-left:10px;line-height:12px;">舞马</h2>
                        <div style="text-overflow:ellipsis; white-space:nowrap; overflow:hidden;font-size:16px;padding:5px 10px;">仅限150元!价值260元的真人cs彩蛋发1次</div>
                        <div style="color:red;float:left;padding:5px 10px;"><label>￥ 78</label></div>
                        <div style="color:#b5b5b5;float:left;padding:5px 10px;">门店价<del>￥92</del></div>
                    </div>
                    <div class="shop_commo_list_info">
                        <img src="img/pic2.jpg">
                        <h2 style="padding-left:10px;line-height:12px;">舞马</h2>
                        <div style="text-overflow:ellipsis; white-space:nowrap; overflow:hidden;font-size:16px;padding:5px 10px;">仅限150元!价值260元的真人cs彩蛋发1次</div>
                        <div style="color:red;float:left;padding:5px 10px;"><label>￥ 78</label></div>
                        <div style="color:#b5b5b5;float:left;padding:5px 10px;">门店价<del>￥92</del></div>
                    </div>
                    <div class="shop_commo_list_info">
                        <img src="img/pic2.jpg">
                        <h2 style="padding-left:10px;line-height:12px;">舞马</h2>
                        <div style="text-overflow:ellipsis; white-space:nowrap; overflow:hidden;font-size:16px;padding:5px 10px;">仅限150元!价值260元的真人cs彩蛋发1次</div>
                        <div style="color:red;float:left;padding:5px 10px;"><label>￥ 78</label></div>
                        <div style="color:#b5b5b5;float:left;padding:5px 10px;">门店价<del>￥92</del></div>
                    </div>
                    <div class="shop_commo_list_info">
                        <img src="img/pic2.jpg">
                        <h2 style="padding-left:10px;line-height:12px;">舞马</h2>
                        <div style="text-overflow:ellipsis; white-space:nowrap; overflow:hidden;font-size:16px;padding:5px 10px;">仅限150元!价值260元的真人cs彩蛋发1次</div>
                        <div style="color:red;float:left;padding:5px 10px;"><label>￥ 78</label></div>
                        <div style="color:#b5b5b5;float:left;padding:5px 10px;">门店价<del>￥92</del></div>
                    </div>
                </div>
            </div>
            <div class="shop_commodity_title">
                <div class="shop_position_title">
                    <span class="shop_position_title_inline">商品位置</span>
                </div>
            </div>
            <div class="shop_positions">
                <div class="shop_position_left">
                    <img src="img/pic2.jpg">
                </div>
                <div class="shop_position_right">
                    <p>猎人国际CS</p>
                    <p>地址:怀柔区艳琴镇不夜谷内</p>
                    <p>查看地图 公交/驾车</p>
                    <p>电话号码:15910379008</p>
                </div>
            </div>
        </div>		
        <footer class="site-info-w J-br" style="min-height:298px;">
            <div class="site-outer">
                <div class="site-info">
                    <div class="site-info__item">
                        <h3>商务合作</h3>
                        <ul>
                            <li><a rel="nofollow" href="http://pmc.e.meituan.com/public/register/choose" gaevent="footer/seller">商家合作</a></li>
                            <li><a rel="nofollow" href="http://zhaoshang.meituan.com/" gaevent="footer/mmp">美团商家营销平台</a></li>
                            <li><a rel="nofollow" href="http://www.meituan.com/about#contact">市场合作</a></li>
                            <li><a rel="nofollow" href="http://union.meituan.com/" target="_blank">美团联盟</a></li>
                            <li><a rel="nofollow" target="_blank" href="http://mos.meituan.com">美团云</a></li>
                            <li><a rel="nofollow" target="_blank" href="mailto:lianzheng@meituan.com">廉正邮箱</a></li>
                        </ul>
                    </div>
                    <div class="site-info__item">
                        <h3>公司信息</h3>
                        <ul>
                            <li><a rel="nofollow" href="http://www.meituan.com/about/">关于美团</a></li>
                            <li><a rel="nofollow" href="http://www.meituan.com/commitment/">美团承诺</a></li>
                            <li><a rel="nofollow" href="http://www.meituan.com/about/press">媒体报道</a></li>
                            <li><a rel="nofollow" href="http://zhaopin.meituan.com" gaevent="footer/job">加入我们</a></li>
                            <li><a rel="nofollow" href="http://www.meituan.com/about/law">法律声明</a></li>
                            <li><a rel="nofollow" href="http://www.meituan.com/about/terms">用户协议</a></li>
                        </ul>
                    </div>
                    <div class="site-info__item">
                        <h3>用户帮助</h3>
                        <ul>
                            <li><a rel="nofollow" class="J-selfservice-tab" data-tab="0" href="http://www.meituan.com/help/selfservice">申请退款</a></li>
                            <li><a rel="nofollow" class="J-selfservice-tab" data-tab="2" href="http://www.meituan.com/help/selfservice?tab=2">查看美团券密码</a></li>
                            <li><a rel="nofollow" href="http://www.meituan.com/help/faq">常见问题</a></li>
                            <li><a rel="nofollow" href="http://www.meituan.com/help/api">开放API</a></li>
                            <li><a rel="nofollow" href="http://www.meituan.com/about/anticheat">反诈骗公告</a></li>
                        </ul>
                    </div>
                    <div class="site-info__item site-info__item--service">
                        <div class="site-info-service-content">
                            <i class="hotline"></i>
                            <p class="contact-name">客服电话</p>
                            <p class="contact-info">
                                <span class="contact-numbers">400-660-5335</span>
                                <span class="contact-time">(9:00-23:00)</span>
                            </p>
                        </div>
                    </div>
                    <div class="clear"></div> 
                </div>
            </div>
            <div class="copyright">
                <p><span>2016</span><a href="http://www.meituan.com/">美团网团购</a> meituan.com <a href="http://www.miibeian.gov.cn/" target="_blank">京ICP证070791号</a> 京公网安备11010502025545号<a href="http://www.meituan.com/about/rules" target="_blank"> 电子公告服务规则</a></p>
            </div>
            <ul class="cert cf">
                <li class="cert__item"><a title="备案信息" href="http://www.meituan.com/about/openinfo" hidefocus="true" target="_blank">备案信息</a></li>
                <li class="cert__item"><a rel="nofollow" title="支付宝特约商家" href="javascript:;">支付宝特约商家</a></li>
                <li class="cert__item"><a rel="nofollow" href="http://union.tenpay.com/cgi-bin/trust_mch/ShowTrustMchInfo.cgi?uin=1209236701&amp;uin_type=1" title="财付通诚信商家" hidefocus="true" target="_blank" >财付通诚信商家</a></li>
                <li class="cert__item"><a href="javascript:;" title="可信网站认证" rel="nofollow">可信网站</a></li>
                <li class="cert__item"><a href="javascript:;" title="12315消费争议" rel="nofollow">12315消费争议</a></li>
            </ul>
        </footer>
        <script language="javascript">
            
            $(document).ready(function () {
                $(window).scroll(function () {
                    if ($(window).scrollTop() > 190) {
                        $(".shop_navigation").addClass("fixedTop");
                    }else{
                        if($(".shop_navigation").hasClass("fixedTop")){
                            $(".shop_navigation").removeClass("fixedTop");
                        }
                    }
                });
            });
        </script>
    </body>
</html>
